<template>
 <div>
   <div class="top">
     <div class="location">
        <span>
          深圳
          <i class="fa fa-map-marker" aria-hidden="true"></i>
        </span>
     </div>
     <h3>影院</h3>
     <i class="fa fa-search" aria-hidden="true"></i>
   </div>
   <div class="main"></div>
 </div>
</template>

<script>
export default {
  name: 'films'
}
</script>

<style scoped lang="scss">
.top{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: 3000;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .location{
    margin-left: 15px;
  }
  .fa-search{
    margin-right: 15px;
    font-size: 20px;
    columns: #cccc;
  }
}
</style>
